import * as THREE from "three";


// console.log(THREE);

//1.创建场景
const scene=new THREE.Scene()

//2.创建相机
//透视相机
//                                       角度
const camera=new THREE.PerspectiveCamera(75,window.innerHeight/window.innerWidth,
0.1,
1000
)
//设置相机位置参数
camera.position.set(0,0,10);

//添加相机到场景当中
scene.add(camera);

//添加物体
//创建几何体
const cubeGeometry=new THREE.BoxGeometry();

// 设置材质
const cubeMeterial=new THREE.MeshBasicMaterial({
    color:0xffff00
})

//根据集合体和材质去创建物体
const cube=new THREE.Mesh(cubeGeometry,cubeMeterial)

// 将几何体添加到场景当中
scene.add(cube);

//初始化渲染器
const renderer=new THREE.WebGL1Renderer();
//设置渲染的尺寸大小
renderer.setSize(window.innerWidth,window.innerHeight);

console.log(renderer);
//将渲染的内容添加到画布上
document.body.appendChild(renderer.domElement);

//使用渲染器，通过相机将场景渲染进来
renderer.render(scene,camera);

;

 
